﻿@{
    ViewBag.Title = "Dashboard";
}
<div id="container">
    <div class="container">
        <!-- Breadcrumbs line -->
        <div class="crumbs">
            <ul id="breadcrumbs" class="breadcrumb">
                <li>
                    <i class="icon-home"></i>
                    <a href="index.html">Dashboard</a>
                </li>
            </ul>
            <ul class="crumb-buttons">
                <li><a href="charts.html" title=""><i class="icon-signal"></i><span>Statistics</span></a></li>
                <li class="dropdown">
                    <a href="#" title="" data-toggle="dropdown"><i class="icon-tasks"></i><span>Users <strong>(+3)</strong></span><i class="icon-angle-down left-padding"></i></a>
                    <ul class="dropdown-menu pull-right">
                        <li><a href="form_components.html" title=""><i class="icon-plus"></i>Add new User</a></li>
                        <li><a href="tables_dynamic.html" title=""><i class="icon-reorder"></i>Overview</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- /Breadcrumbs line -->
        
        <div class="row row-bg">
            <!-- .row-bg -->
            <div class="col-sm-6 col-md-3">
                <div class="statbox widget box box-shadow">
                    <div class="widget-content">
                        <div class="visual cyan">
                            <div class="statbox-sparkline">30,20,15,30,22,25,26,30,27</div>
                        </div>
                        <div class="title">Clients</div>
                        <div class="value">4 501</div>
                        <a class="more" href="javascript:void(0);">View More <i class="pull-right icon-angle-right"></i></a>
                    </div>
                </div> <!-- /.smallstat -->
            </div> <!-- /.col-md-3 -->
            <div class="col-sm-6 col-md-3">
                <div class="statbox widget box box-shadow">
                    <div class="widget-content">
                        <div class="visual green">
                            <div class="statbox-sparkline">20,30,30,29,22,15,20,30,32</div>
                        </div>
                        <div class="title">Feedbacks</div>
                        <div class="value">714</div>
                        <a class="more" href="javascript:void(0);">View More <i class="pull-right icon-angle-right"></i></a>
                    </div>
                </div> <!-- /.smallstat -->
            </div> <!-- /.col-md-3 -->
            <div class="col-sm-6 col-md-3 hidden-xs">
                <div class="statbox widget box box-shadow">
                    <div class="widget-content">
                        <div class="visual yellow">
                            <i class="icon-dollar"></i>
                        </div>
                        <div class="title">Total Profit</div>
                        <div class="value">$42,512.61</div>
                        <a class="more" href="javascript:void(0);">View More <i class="pull-right icon-angle-right"></i></a>
                    </div>
                </div> <!-- /.smallstat -->
            </div> <!-- /.col-md-3 -->
            <div class="col-sm-6 col-md-3 hidden-xs">
                <div class="statbox widget box box-shadow">
                    <div class="widget-content">
                        <div class="visual red">
                            <i class="icon-user"></i>
                        </div>
                        <div class="title">Visitors</div>
                        <div class="value">2 521 719</div>
                        <a class="more" href="javascript:void(0);">View More <i class="pull-right icon-angle-right"></i></a>
                    </div>
                </div> <!-- /.smallstat -->
            </div> <!-- /.col-md-3 -->
        </div> 

        <div class="row">
            <div class="col-md-6">
                <div class="widget">
                    <div class="widget-header">
                        <h4><i class="icon-reorder"></i> Feeds</h4>
                        <div class="toolbar no-padding">
                            <div class="btn-group">
                                <span class="btn btn-xs widget-collapse"><i class="icon-angle-down"></i></span>
                                <span class="btn btn-xs widget-refresh"><i class="icon-refresh"></i></span>
                            </div>
                        </div>
                    </div>
                    <div class="widget-content">
                        <div class="tabbable tabbable-custom">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#tab_feed_1" data-toggle="tab">System</a></li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="tab_feed_1">
                                    <div class="scroller" data-height="290px" data-always-visible="1" data-rail-visible="0">
                                        <ul class="feeds clearfix">
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-success">
                                                                <i class="icon-bell"></i>
                                                            </div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">You have 2 puzzles to solve.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">
                                                        Just now
                                                    </div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-success"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New user registered.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">20 mins ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li class="hoverable">
                                                <a href="javascript:void(0);">
                                                    <div class="col1">
                                                        <div class="content">
                                                            <div class="content-col1">
                                                                <div class="label label-info"><i class="icon-bullhorn"></i></div>
                                                            </div>
                                                            <div class="content-col2">
                                                                <div class="desc">New items are in queue.</div>
                                                            </div>
                                                        </div>
                                                    </div> <!-- /.col1 -->
                                                    <div class="col2">
                                                        <div class="date">25 mins ago</div>
                                                    </div> <!-- /.col2 -->
                                                </a>
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-danger"><i class="icon-warning-sign"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">High CPU load on cluster #2. <span class="label label-danger label-mini">Fix it <i class="icon-share-alt"></i></span></div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">30 mins ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-warning"><i class="icon-bolt"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">Disk space to 85% full.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">45 mins ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-success"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New user registered.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">1 hour ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-default"><i class="icon-time"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">Time successfully synced.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">1.5 hours ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-info"><i class="icon-bullhorn"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">Download finished.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">1.8 hours ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-success"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New order received.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">2 hours ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-info"><i class="icon-bullhorn"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">Download finished.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">3 hours ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-success"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New order received.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">5 hours ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-info"><i class="icon-bullhorn"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">Download finished.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">5.5 hours ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-success"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New order received.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">7 hours ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-info"><i class="icon-bullhorn"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">Download finished.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">16 hours ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-success"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New order received.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">20 hours ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                        </ul> <!-- /.feeds -->
                                    </div> <!-- /.scroller -->
                                </div>
                            </div> <!-- /.tab-content -->
                        </div> <!-- /.tabbable tabbable-custom-->
                    </div> <!-- /.widget-content -->
                </div> <!-- /.widget .box -->
            </div>
            <div class="col-md-6">
                <div class="widget">
                    <div class="widget-header">
                        <h4><i class="icon-reorder"></i> Feeds</h4>
                        <div class="toolbar no-padding">
                            <div class="btn-group">
                                <span class="btn btn-xs widget-collapse"><i class="icon-angle-down"></i></span>
                                <span class="btn btn-xs widget-refresh"><i class="icon-refresh"></i></span>
                            </div>
                        </div>
                    </div>
                    <div class="widget-content">
                        <div class="tabbable tabbable-custom">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#tab_feed_1" data-toggle="tab">Tasks</a></li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="tab_feed_1">
                                    <div class="scroller" data-height="290px" data-always-visible="1" data-rail-visible="0">
                                        <ul class="feeds clearfix">
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-success"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New user registered.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">1 min ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-success"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New user registered.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">5 mins ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-info"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New order received.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">10 mins ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-success"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New user registered.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">20 mins ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-info"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New order received.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">30 mins ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-success"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New user registered.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">40 mins ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-info"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New order received.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">50 mins ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-success"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New user registered.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">1 hour ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                            <li>
                                                <div class="col1">
                                                    <div class="content">
                                                        <div class="content-col1">
                                                            <div class="label label-info"><i class="icon-plus"></i></div>
                                                        </div>
                                                        <div class="content-col2">
                                                            <div class="desc">New order received.</div>
                                                        </div>
                                                    </div>
                                                </div> <!-- /.col1 -->
                                                <div class="col2">
                                                    <div class="date">1.5 hours ago</div>
                                                </div> <!-- /.col2 -->
                                            </li>
                                        </ul> <!-- /.feeds -->
                                    </div> <!-- /.scroller -->
                                </div> <!-- /#tab_feed_1 -->
                            </div> <!-- /.tab-content -->
                        </div> <!-- /.tabbable tabbable-custom-->
                    </div> <!-- /.widget-content -->
                </div> <!-- /.widget .box -->
            </div>
        </div>
    </div>
</div>